export default function () {
    class AppFileMessage extends window.AUI.app.BaseComponent {
        constructor(name) {
            super(name);
            this.render = function(createElement) {
                return createElement(
                    'div',
                    {
                        attrs: {
                            'id': "sds",
                        },
                        'class': 'aui-card aui-file-card aui-file-card--movie',
                        'style': 'width: 290px;'
                    },
                    [
                        createElement(
                            'div',
                            {
                                'class': 'aui-card__body aui-file-card__body',
                                domProps: {
                                    innerHTML: `
    <div class="aui-display-inline-block aui-file-card__typelogo">
        <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-movie"></use>
        </svg>
    </div>
    <div class="aui-display-inline-block aui-file-card__type">MOVIE</div>
    `
                                },
                            }
                        ),
                        createElement(
                            'footer',
                            {
                                'class': 'aui-card__action aui-file-card__action',
                                domProps: {
                                    innerHTML: `
    <div class="aui-file-card__name">速度是多少.mp4</div>
    <div class="aui-file-card__size">127M</div>
    <div class="aui-file-card__status">已完成</div>
    `
                                },
                            }
                        ),
                        createElement(
                            'aui-progress',
                            {
                                'class': 'aui-file-card__progress',
                                'props': {
                                    value: 0
                                },
                                ref: "progress"
                            }
                        ),
                    ]
                )            
            }
        }
    }
    window.AUI.app.customCompoents.define("app-file-message", AppFileMessage); 
}